<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>小易出行</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0,user-scalable=no" />
    <!--人数插件-->
    <!--标准mui.css-->
    <link rel="stylesheet" href="__PUBLIC__/Css/css/mui.min.css">
    <!--自定义的css-->
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/css/app.css" />
    <link href="__PUBLIC__/Css/css/mui.picker.css" rel="stylesheet" />
    <link href="__PUBLIC__/Css/css/mui.poppicker.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/css/index.css?v91" />

    <script src="__PUBLIC__/js/jquery.min.2.1.1.js" type="text/javascript" charset="utf-8"></script>
    <script src="__PUBLIC__/js/mobiscroll.core-2.5.2.js" type="text/javascript"></script>
    <script src="__PUBLIC__/js/mobiscroll.core-2.5.2-zh.js" type="text/javascript"></script>
    <link 	href="__PUBLIC__/Css/css/mobiscroll.core-2.5.2.css" rel="stylesheet" type="text/css">
    <script src="__PUBLIC__/js/mobiscroll.datetime-2.5.1.js?v=11q11111111" type="text/javascript"></script>
    <script src="__PUBLIC__/js/mobiscroll.datetime-2.5.1-zh.js?21111111q111111" type="text/javascript"></script>
    <script src="__PUBLIC__/js/mobiscroll.android-ics-2.5.2.js" type="text/javascript"></script>
    <link href="__PUBLIC__/Css/css/mobiscroll.android-ics-2.5.2.css" rel="stylesheet" type="text/css">
    <!--bootstrap-->
    <link rel="stylesheet" href="__PUBLIC__/Css/css/Bootstrap.min.3.3.7.css">
    <script src="__PUBLIC__/js/bootstrap.min.js" type="text/javascript"></script>
    <!--自定义-->
    <script type="text/javascript" src="__PUBLIC__/js/index.js?v991"></script>
    <script type="text/javascript" src="__PUBLIC__/js/map.js?v10123"></script>
    <!--<script type="text/javascript" src="__PUBLIC__/js/zhuanche.js?v2"></script>-->
    <!--<script type="text/javascript" src="__PUBLIC__/js/daiban.js?v2"></script>-->
    <!--人数使用插件js-->
    <script src="__PUBLIC__/js/mui.min.js"></script>
    <script src="__PUBLIC__/js/mui.picker.js"></script>
    <script src="__PUBLIC__/js/mui.poppicker.js"></script>
    <script src="__PUBLIC__/js/city.data.js" type="text/javascript" charset="utf-8"></script>
    <style>
        .shuoming{ padding:0 15px;}
        .shuoming li{ list-style:none;color: #282828; line-height: 20px; text-align: left; }
        .usermessage .list li:nth-child(4) .carstyle:nth-child(1){
            border:0;
        }
        .usermessage .list li:nth-child(4) .carstyle {
            width: 49%;
            float: none;
            margin: 0 auto;
        }
        a:visited,a:focus,a:active,a:hover,a:link{
            outline:none;
            text-decoration:none;  /*超链接无下划线*/
        }
        .sectop span:nth-child(2) {
            width: 50%;
        }
        .sectop span {
            float: left;
            color: #14b941;
        }
        .startadd {
            display:inline-block;
            margin-left: 22px;
            color: #bdbdbd;
        }
        .usermessage .list .list-height {
            position: relative;
        }
        .round {
            display: inline-block;
            position: absolute;
            margin-top: 13px;
        }
        #xcd {
            color: #bdbdbd;
        }
        body {
            padding-bottom: 65px;
        }
    </style>
    <!--公用时间功能-->
    <script>

        (function ($, doc) {

            $.init();
            $.ready(function () {

                //级联示例
                var cityPicker = new $.PopPicker({
                    layer: 2
                });
                cityPicker.setData(cityData);
                var showCityPickerButton = doc.getElementById('showCityPicker');
                var cityResult = doc.getElementById('cityResult');
                var young = doc.getElementById('young');
                var children = doc.getElementById('children');
                var adultsnum = doc.getElementById('adultsnum');
                var child = doc.getElementById('child');
                showCityPickerButton.addEventListener('tap', function (event) {
                    cityPicker.show(function (items) {
                        console.log(1111111,99999999)
                        young.innerText = items[0].value;
                        children.innerText = items[1].value;
                        adultsnum.value = items[0].value;
                        child.value = items[1].value;
                        getPrice();

                        // cityResult.innerText = "你选择的城市是:" + items[0].text + " " + items[1].text;
                        // console.log(cityResult.innerText);
                        //返回 false 可以阻止选择框的关闭
                        //return false;
                    });
                }, false);
            });
        })(mui, document);
        //重新获取时间
        function getAppTime2() {
            $('#y').val('');
            $('#totalPirce').val('');
            var appDate = $('#appDate');
            if (appDate.val() == '') {
                appDate.val('请选择预约时间!!!');
            } else {
                var obj = new Array();
                var time = appDate.val();
                obj = time.split(' ');
                obj2 = obj[1].split(':');
                obj3=obj[0].split('-');
                var myDate = new Date();
                var hour=myDate.getHours();
                var days=myDate.getDate();
                if(obj2[0] == hour && obj3[2]==days){
                    appDate.val('');
                    $('#errorDiv').css('display','inline');
                    error('当前时间段已发车，请重新选择时间');
                    zc_error('当前时间段已发车，请重新选择时间');
                    db_error('当前时间段已发车，请重新选择时间');

                }else{
                    if (obj2[0] > 21 || obj2[0] <5) {
                        //$('.nextOne3').hide();
                        $('#y').val('1');
                        error('您选择的时间段为加班车时间段');
                        zc_error('您选择的时间段为加班车时间段');
                        db_error('您选择的时间段为加班车时间段');

                    } else {
                        $('#y').val('2');
                        $('#errorDiv').hide();
                        $('#db_errorDiv').hide();
                        $('#zc_errorDiv').hide();

                    }
                }

                getPrice();
                zc_getPrice();
                db_getPrice();
                appDate.val(appDate.val());
            }
        };
        $(function () {
            var currYear = (new Date()).getFullYear();
            var opt = {};
            opt.date = {preset: 'datetime'};
            opt.default = {
                theme: 'android-ics light', //皮肤样式
                display: 'center', //显示方式
                mode: 'scroller', //日期选择模式
                lang: 'zh',
                stepMinute: 10,
                minDate: new Date(),
            };

            $("#appDate").scroller('destroy').scroller($.extend(opt['date'], opt['default']));
            $("#appDate").scroller('setDate', new Date(), true);
            $('#child').val('');
            $('#y').val('');
            getPrice();
            zc_getPrice();
            db_getPrice();
        });
    </script>
    <!--拼车功能-->
    <script>
        function error(msg){
            $('#errorDiv').css('display','block');
            $('#error').html(msg);
        };
        function getPrice(){
            $('#pc_submit').attr('data-index',2);
            var from_city = $("#start").val();
            var to_city = $("#end").val();
            var adultsnum = $('#adultsnum').val();
            var child=$('#child').val();
            if(child >0){
                error('1.2米以上请选择成人票');
            }

            var y=$('#y').val();
            $.ajax({
                type: "GET",
                url: "__CONTROLLER__/getprice",
                data: {from_city:from_city, to_city:to_city, adultsnum:adultsnum,child:child,y:y},
                success:function(data){
                    $('#pc_submit').attr('data-index',1);
                    $('#totalPirce').html(data);
                }
            });
        }

        function getxl(){
            var start=$('#start').val();
            var end=$('#end').val();
            $.ajax({
                type: "POST",
                url: "__CONTROLLER__/addxl",
                cache: true,
                data:{
                    start:start,
                    end:end
                },
                success: function(data) {
                    if(end==''){
                        $('#to_city').val('');
                    }else{
                        $('#from_city').val(data.from_city);
                        $('#to_city').val(data.end_city);
                    }
                    //获取线路之后再计算价格
                    getPrice()
                }
            });
        };
        function checkForm(){
            var data_index= $('#pc_submit').attr('data-index');

            if(data_index ==1){
                var appDate = $('#appDate').val();
                var from_address = $("#start").val();
                var to_address = $("#end").val();
                var adultsnum=$('#adultsnum').val();
                var price=$('#totalPirce').text();
                var crc=$('#livemessage2').val();
                var child=$('#child').val();
                var hangban = $("#hangban").val();
                var mobile = $("#dianhua").val();
                var fq=$('#pc').val();
                if(appDate ===''){
                    error('请选择您的预约时间');
                    return false;
                }
                else if(from_address ===''){
                    error('请选择您的出发地址');
                    return false;
                }
                else if(to_address ===''){
                    error('请选择您的到达地址');
                    return false;
                }else if(adultsnum ===''){
                    error('请输入行程人数');
                    return false;
                }else if(price ==='' || price==='0'){
                    error('此线路没有开通');
                    return false;
                }else{
                    $.ajax({
                        type: "POST",
                        url: "__CONTROLLER__/addxc",
                        data: {fq:fq,mobile:mobile,start:from_address, end:to_address, price:price,adultsnum:adultsnum,starttime:appDate,crc:crc,child:child,hangban:hangban},
                        success:function(data){
                            if(data === '0'){
                                window.location.href="__CONTROLLER__/yy/id/1.html" ;
                            } else if(data ==='1'){
                                alert("未知错误");
                            }
                        }
                    });
                }}else{
                return false;
            }
            return false;
        }
    </script>

    <!--专车功能-->
    <script>
        $(function(){
            //更换汽车类型
            $(".carstyle").click(function(){
                var num=$(".carstyle").index(this);
                $(".carstyle").find("div .choice").css("display","none");
                $(".carstyle").eq(num).find("div .choice").css("display","block");
                //选择转车类型计算价格
                zc_getPrice();
            });
        });
        function zc_getPrice(){
            $('#zc_submit').attr('data-index',2);
            var zcfrom_city = $("#from_city").val();
            var zcto_city = $("#to_city").val();
            var y=$('#y').val();
            var carstyle = $(".carstyle");
            for(var i=0;i<carstyle.length;i++){
                if(carstyle.eq(i).find('.choice').css("display")=="block"){
                    var zctype=i;
                }
            }
            $.ajax({
                type: "GET",
                url: "__CONTROLLER__/getzcprice",
                data: {from_city:zcfrom_city, to_city:zcto_city,zctype:zctype,y:y},
                success:function(data){
                    $('#zc_submit').attr('data-index',1);
                    if(data==""){
                        $('#zc_totalPirce').html(0);
                    }else{
                        $('#zc_totalPirce').html(data);
                    }


                }
            });
        };
        function zc_getxl(){
            var start=$('#zc_start').val();
            var end=$('#zc_end').val();
            console.log(start);
            console.log(end);
            $.ajax({
                type: "POST",
                url: "__CONTROLLER__/addxl",
                cache: true,
                data:{
                    start:start,
                    end:end
                },
                success: function(data) {
                    console.log(data);
                    if(end==''){
                        $('#to_city').val('');
                    }else{
                        $('#from_city').val(data.from_city);
                        $('#to_city').val(data.end_city);
                    }
                    //获取线路之后再计算价格
                    zc_getPrice()
                }
            });
        };
        function zc_error(msg){
            $('#zc_errorDiv').css('display','block');
            $('#zc_error').html(msg);
        };
        function zc_Form(){
            var data_index= $('#zc_submit').attr('data-index');

            if(data_index ==1){
                var appDate = $('#appDate').val();
                var from_address = $("#zc_start").val();
                var to_address = $("#zc_end").val();
                var price=$('#zc_totalPirce').text();
                var crc=$('#zc_livemessage').val();
                var hangban = $("#zc_hangban").val();
                var mobile = $("#zc_dianhua").val();
                var carstyle = $(".carstyle");
                for(var i=0;i<carstyle.length;i++){
                    if(carstyle.eq(i).find('.choice').css("display")=="block"){
                        var zctype=i;
                    }
                }
                if(appDate ===''){
                    zc_error('请选择您的预约时间');
                    //            zc_error('该功能正在测试,暂未开放,敬请谅解');
                    return false;
                }
                else if(from_address ===''){
                    zc_error('请选择您的出发地址');
                    //         zc_error('该功能正在测试,暂未开放,敬请谅解');
                    return false;
                }
                else if(to_address ===''){
                    zc_error('请选择您的到达地址');
                    //           zc_error('该功能正在测试,暂未开放,敬请谅解');
                    return false;
                }else if(price ==='' || price==='0'){
                    zc_error('此线路没有开通');
                    //      zc_error('该功能正在测试,暂未开放,敬请谅解');
                    return false;
                }else{

                    $.ajax({
                        type: "POST",
                        url: "__CONTROLLER__/addxc",
                        data: {fq:1,mobile:mobile,start:from_address, end:to_address, price:price,starttime:appDate,crc:crc,hangban:hangban},
                        success:function(data){
                            if(data === '0'){
                                window.location.href="__CONTROLLER__/yy/id/1.html" ;
                            } else if(data ==='1'){
                                alert("未知错误");
                            }
                        }
                    });
                }}else{
                return false;
            }
            return false;
        };
    </script>

    <!--代办-->
    <script>
        function db_error(msg){
            $('#db_errorDiv').css('display','block');
            $('#db_error').html(msg);
        };
        function db_getPrice(){
            $('#db_submit').attr('data-index',2);
            var dbfrom_city = $("#from_city").val();
            var dbto_city = $("#to_city").val();
//                alert("代办出发地"+dbto_city);
//                console.log("代办目的地"+dbto_city);
            $.ajax({
                type: "GET",
                url: "__CONTROLLER__/getdyprice",
                data: {from_city:dbfrom_city, to_city:dbto_city},
                success:function(data){
//                        console.log('代办价格'+data);
                    if(data==''){
                        $('#zc_submit').attr('data-index',1);
                        $('#db_totalPirce').html('0');
                    }else{
                        $('#db_totalPirce').html(data);
                    }

                }
            });
        };
        //获取线路
        function db_getxl(){
            var dbstart=$('#db_start').val();
            var dbend=$('#db_end').val();
            $.ajax({
                type: "POST",
                url: "__CONTROLLER__/addxl",
                cache: false,
                data:{
                    start:dbstart,
                    end:dbend
                },
                success: function(data) {
                    if(dbend==''){
                        $('#to_city').val('');
                    }else{

                        $('#from_city').val(data.from_city);
                        $('#to_city').val(data.end_city);
//                            alert("获取线路出发地"+data.from_city)
                    }
                    //获取线路之后再计算价格
                    db_getPrice()
                }
            });
        };
        function ab_checkForm(){
            var data_index= $('#db_submit').attr('data-index');

            if(data_index ==1){
                var appDate = $('#appDate').val();
                var from_address = $("#db_start").val();
                var to_address = $("#db_end").val();
                var price=$('#db_totalPirce').text();
                var receivername = $("#receivername").val();
                var receivernum= $("#receivernum").val();
                var crc=$('#livemessage3').val();
                var mobile = $("#db_dianhua").val();
                var fq=$("#db").val();
                if(appDate ===''){
                    db_error('请选择您的预约时间');
                    return false;
                }
                else if(from_address ===''){
                    db_error('请选择出发地');
                    return false;
                }
                else if(to_address ===''){
                    db_error('请选择目的地');
                    return false;
                }else if(receivername ===''){
                    db_error('请输入收件人姓名');
                    return false;
                }else if(receivernum ===''){
                    db_error('请输入收件人手机号');
                    return false;
                }else if(price ==='' || price==='0'){
                    db_error('此线路没有开通');
                    return false;
                }else{
                    $.ajax({
                        type: "POST",
                        url: "__CONTROLLER__/addxc/fq/2",
                        data: {fq:fq,mobile:mobile,start:from_address, end:to_address, price:price,starttime:appDate,crc:crc,xingming:receivername,tel:receivernum},
                        success:function(data){
                            if(data === '0'){
                                window.location.href="__CONTROLLER__/yy/id/1.html" ;
                            } else if(data ==='1'){
                                alert("未知错误");
                            }
                        }
                    });
                }}else{
                return false;
            }
            return false;
        };
    </script>
    <style>
        .tab{ display: none;}
    </style>
</head>
<body>
<div id="hide">
    <header class="main">
                <span class="menus">
                    <img src="__PUBLIC__/Css/images/img/user.png"/>
                </span>
        <span class="tab">专车</span>
        <span class="tab  active">城际合乘</span>
        <span class="tab" id="daiban">代办</span>
    </header>
    <div class="sectop" style="display: block;">
        <div>
                    <span>
                        乘车时间：
                    </span>
            <span>
                        <input type="text" name="starttime" id="appDate" onchange="getAppTime2()" value="" readonly="" class="font1" placeholder="选择预约时间">
                    </span>
            <span>
                        <img src="__PUBLIC__/Css/images/img/bottom.png"/>
                    </span>
        </div>
    </div>
    <section class="contain">
        <!--转车-->
        <div class="change  change-act">
            <div class="usermessage">
                <ul class="list">
                    <li data-toggle="modal" data-target="" id="zc_modal" class="userpho list-height">
                        <span><img src="__PUBLIC__/Css/images/img/user2.png" alt="" /></span>
                        <span class="username">
                                    <span>乘车人</span>
                                    <span class="phone" id="phone1">{$usertel}</span>
                                    <input type="hidden" name='zc_dianhua' value='{$usertel}' id='zc_dianhua'>
                                    <input type="hidden" name="fs" value="1" id="zc"/>
                                </span>
                        <span class="forhe">
                                    <span style="color:gray;">替他人叫车</span>
                                    <span><img src="__PUBLIC__/Css/images/img/right.png" alt="" /></span>
                                </span>
                    </li>
                    <li class="start-loaction list-height">
                        <div class="round green"></div>
                        <div class="startadd">
                            <input type="text" name="zc_start" id="zc_start" class="font1" value="" placeholder="选择起始点" readonly="readonly" onclick="openwin('zc_start')">
                        </div>
                    </li>
                    <li class="list-height">
                        <div class="round red"></div>
                        <div class="endadd">
                            <input type="text" name="zc_end" id="zc_end" class="font1" value="" placeholder="选择目的地" readonly="readonly" onclick="openwin('zc_end')">
                        </div>
                    </li>
                    <li>
                        <!--<div class="carstyle"  data-style="1" >-->
                        <!--<div>-->
                        <!--<img class="car" src="__PUBLIC__/Css/images/img/5zuo.png" alt="" />-->
                        <!--<img class="choice" src="__PUBLIC__/Css/images/img/round_check_fill.png" alt=""/>-->
                        <!--</div>-->
                        <!--<p>公务轿车</p>-->
                        <!--</div>-->
                        <div class="carstyle" data-style="2">
                            <div>
                                <img class="car" src="__PUBLIC__/Css/images/img/7zuo.png" alt="" />
                                <img class="choice" src="__PUBLIC__/Css/images/img/round_check_fill.png" alt="" style="display: block;"/>
                            </div>
                            <p>商务七座</p>
                        </div>
                    </li>
                    <!-- <li class="showmessage list-height">
                        <span>
                            <img src="__PUBLIC__/Css/images/img/fly.png" alt="" />
                        </span>
                        <span class="livemessage" style="color:#787878;">
                            <input type="text" placeholder="输入航班号（非必填）" id="zc_hangban"/>
                        </span> -->
                    </li>
                    <li class="showmessage list-height">
                        <span><img src="__PUBLIC__/Css/images/img/message.png" alt="" /></span>
                        <span class="livemessage" style="color:#a5a5a5;">
                                    <input type="text" placeholder="给司机留言（非必填）" id="zc_livemessage"/>
                                </span>
                    </li>
                </ul>
            </div>
            <div class="bottom">
                <div class="inputDiv" id="zc_errorDiv">
                    <div id="zc_error" style="line-height:30px;color:red;text-align:center;font-size:1em;"></div>
                </div>
                <p class="pay">预估价<span id="zc_totalPirce">0.00</span>元</p>
                <button onclick='zc_Form()'  id="zc_submit" data-index="2">立即下单</button>
                <a href="tel:027-xxxxxxx" style="display:block;"><div class="kefu">联系客服
                    <span>
                                <img src="__PUBLIC__/Css/images/img/phone.png" alt="" />
                            </span>
                </div></a>
            </div>
        </div>
        <!--拼车-->
        <div class="change">
            <div class="usermessage">
                <form id="tab">
                    <ul class="list">
                        <li data-toggle="modal" data-target="" id="pc_modal" class="userpho list-height">
                                <span>
                                    <img src="__PUBLIC__/Css/images/img/user2.png" alt="" />
                                </span>
                            <span class="username">
                                    <span>乘车人</span>
                                    <span class="phone" id="phone2">{$usertel}</span>
                                    <input type="hidden" name='dianhua' value='{$usertel}' id='dianhua'>
                                    <input type="hidden" name="fs" id="pc" value="2"/>
                                </span>
                            <span class="forhe">
                                    <span style="color:gray;">替他人叫车</span>
                                    <span>
                                        <img src="__PUBLIC__/Css/images/img/right.png" alt="" />
                                    </span>
                                </span>
                        </li>


                        <li class="start-loaction list-height">
                            <div class="round green">
                            </div>
                            <div class="startadd">
                                <select name="start" id="start" >
                                    <option value="">请选择出发地点</option>
                                    <volist name="path_list" id="data">
                                        <option value="{$data['from_city']}">{$data['from_city']}</option>
                                    </volist>
                                </select>
                                <!--<input type="text" name="start" id="start" onclick="openwin('start')" onchange="getxl()" value="正在获取您的位置" placeholder="您在哪里" readonly="readonly">-->
                            </div>
                        </li>

                        <li class="start-loaction list-height">
                            <div class="round green">
                            </div>
                            <div class="startadd">
                                <select name="ccd" id="ccd">
                                    <option value="">请选择乘车点</option>
                                </select>
                                <!--<input type="text" name="ccd" id="ccd" readonly="readonly" placeholder="乘车点">-->
                            </div>
                        </li>
                        <li class="start-loaction list-height">
                            <div class="round green">
                            </div>
                            <div class="startadd">
                                <select name="end" id="end">
                                    <option value="">请选择目的地</option>
                                </select>
                            </div>
                        </li>



                        <li class="start-loaction list-height">
                            <div class="round green">
                            </div>
                            <div class="startadd">
                                <input type="text" name="xcd" id="xcd" readonly="readonly" placeholder="下车点">
                            </div>
                        </li>
                        <script>
                            $("#start").change(function () {
                                var url="{:U('Index/getEndPath')}";
                                var id =$(this).val();
                                $.post(url,{id:id},function (data) {
                                    var data =$.parseJSON(data);
                                    $("#ccd").empty();
                                    if(data.code==1){
                                        html1    ="<option value=''>请选择乘车点</option>";
                                        $("#ccd").append(html1);

                                            $.each(data.result,function (key,val) {
                                                if(val.ck_city==''){
                                                    val.ck_city = val.from_city;
                                                }
                                                var html    = "<option value="+val.ck_city+">"+val.ck_city+"</option>";
                                                $("#ccd").append(html);
                                            })
                                    }else{
                                        alert(data.msg);
                                    }
                                })
                            })

                            $("#ccd").change(function () {
                                var url="{:U('Index/getEndPathyo')}";
                                var end =$(this).val();
                                var start =$("#start").val();
                                $.post(url,{start:start,end:end},function (data) {
                                    var data =$.parseJSON(data);
                                    $("#end").empty();
                                    html1    ="<option value=''>请选择目的地</option>";
                                    $("#end").append(html1);
                                    if(data.code==1){
                                        $.each(data.result,function (key,val) {
                                            var html    = "<option value="+val.end_city+">"+val.end_city+"</option>";
                                            $("#end").append(html);
                                        })
                                    }else{
                                        alert(data.msg);
                                    }
                                })
                            })
                            $("#end").change(function () {
                                getPrice();
                                var end = $(this).val();
                                $("#xcd").val(end);
                            })
                        </script>

                        <li style="padding:12px 0;" id="showCityPicker">
                                <span style="margin-right: 8px;">
                                    <img src="__PUBLIC__/Css/images/img/user2.png" alt="" />
                                </span>
                            <span class="username">
                                    <span class="ft-mcl" id="young">1</span>
                                    <input type="hidden" id="adultsnum" name="adultsnum" value="1" />
                                    <span class="men" style="padding-right:24px;border-right: 1px solid #D7D7D7;">成人</span>
                                </span>
                            <span class="username child">
                                    <span class="ft-mcl" id="children">0</span>
                                    <span class="men">儿童</span>
                                    <input type="hidden" id="child" name="child" value="0" />
                                </span>
                            <span class="forhe">
                                    <span>选择人数</span>
                                    <span>
                                        <img src="__PUBLIC__/Css/images/img/right.png" alt="" />
                                    </span>
                                </span>
                        </li>
                        <!-- <li class="showmessage list-height">
                            <span>
                                <img src="__PUBLIC__/Css/images/img/fly.png" alt="" />
                            </span>
                            <span class="livemessage" style="color:#787878;">
                                <input type="text" placeholder="输入航班号（非必填）" id="hangban"/>
                            </span>
                        </li> -->
                        <li class="showmessage list-height">
                                <span>
                                    <img src="__PUBLIC__/Css/images/img/message.png" alt="" />
                                </span>
                            <span class="livemessage" style="color:#787878;">
                                    <input style="-webkit-user-select: text!important;" type="text" placeholder="给司机留言（非必填）" id="livemessage2"/>
                                </span>
                        </li>
                    </ul>
                </form>

            </div>
            <div class="bottom">
                <div class="inputDiv" id="errorDiv" >
                    <div id="error" style="line-height:30px;color:red;text-align:center;font-size:1em;">请选择您的预约时间</div>
                </div>
                <p class="pay">预估价<span class="ft-mcl" id="totalPirce">0.00</span>元</p>
                <button onclick='checkForm()' id="pc_submit" data-index="2">立即下单</button>
                <a href="tel:027-xxxxxxx" style="display:block;"><div class="kefu">联系客服
                    <span>
                                <img src="__PUBLIC__/Css/images/img/phone.png" alt="" />
                            </span>
                </div></a>
            </div>
        </div>
        <!--代办-->
        <div class="change change-act">
            <div class="usermessage">
                <ul class="list">
                    <li data-toggle="modal" data-target="" id="db_modal"  class="userpho list-height">
                        <span><img src="__PUBLIC__/Css/images/img/user2.png" alt="" /></span>
                        <span class="username">
                                    <span>代办人</span>
                                    <span class="phone" id="phone3">{$usertel}</span>
                                    <input type="hidden" name='dianhua' value='{$usertel}' id='db_dianhua'>
                                    <input type="hidden" name="fs" id="db" value="3"/>
                                </span>


                        <span class="forhe">
                                    <span style="color:gray;">替他人代办</span>
                                    <span>
                                        <img src="__PUBLIC__/Css/images/img/right.png" alt="" />
                                    </span>
                                </span>

                    </li>
                    <li class="start-loaction list-height">
                        <div class="round green"></div>
                        <div class="startadd">
                            <input type="text" name="db_start" id="db_start" class="font1" value="" placeholder="选择起始点" readonly="readonly" onclick="openwin('db_start')">
                        </div>
                    </li>
                    <li class="list-height">
                        <div class="round red"></div>
                        <div class="endadd">
                            <input type="text" name="db_end" id="db_end" class="font1" value="" placeholder="选择目的地" readonly="readonly" onclick="openwin('db_end')">
                        </div>
                    </li>
                    <li style="padding:15px 0;">
                                <span style="margin-right: 10px;">
                                    <img src="__PUBLIC__/Css/images/img/tianjia.png" alt="" />
                                </span>
                        <span class="receiver">
                                    <input type="text" placeholder="请输入收件人姓名(必填)" id="receivername"/>
                                </span>
                    </li>
                    <li style="padding:15px 0;">
                                <span style="margin-right:10px;">
                                    <img src="__PUBLIC__/Css/images/img/shouji.png" alt="" />
                                </span>
                        <span class="phone-num">
                                    <input type="text" placeholder="请输入收件人手机号(必填)" id="receivernum"/>
                                </span>
                    </li>
                    <li class="showmessage list-height">
                                <span>
                                    <img src="__PUBLIC__/Css/images/img/message.png" alt="" />
                                </span>
                        <span class="livemessage"  style="color:#787878;">
                                    <input type="text" placeholder="给司机留言（非必填）" id="livemessage3"/>
                                </span>
                    </li>
                </ul>
            </div>
            <div class="bottom">
                <div class="inputDiv" id="db_errorDiv" style="display:none;">
                    <div id="db_error" style="line-height:30px;color:red;text-align:center;font-size:1em;"></div>
                </div>
                <p class="pay">预估价<span id="db_totalPirce">0.00</span>元</p>
                <button onclick='ab_checkForm()' id="db_submit" data-index="2">立即下单</button>
                <a href="tel:027-xxxxxxx" style="display:block;"><div class="kefu">联系客服
                    <span>
                                <img src="__PUBLIC__/Css/images/img/phone.png" alt="" />
                            </span>
                </div></a>
            </div>
        </div>
    </section>
    <footer>

        <div class="inputDiv">
            <ul class="shuoming">
                <li>&nbsp;</li>
                <li>预约说明：</li>
                <li>1、二环以内免费接送，超出范围需支付相应燃油费。</li>
                <li>2、儿童票：1.2米以下，1.2米以上请购买成人票。</li>
                <li>3、正常时间段发车时间为5点，7点，9点，11点，13点，15点，17点，19点，21点。每两小时一班，其他时间段为加班车时间段</li>
                <li>4、为确保及时安排车辆，建议您提前2小时预约。</li>
                <li>5、如有疑问请致电027-xxxxxxx  /  027-xxxxxxxr</li>
            </ul>
        </div>
        <div style="text-align:center;color: #6e6e6e;height:30px;">技术支持：天意互动</div>
    </footer>
    <!--侧边栏个人详细信息-->
    <div class="leftside" style="display: none;">
        <div class="fix-left">
            <div class="top">
                        <span>
                            <img src="__PUBLIC__/Css/images/img/shouji.png" alt="" />
                        </span>
                <span>{$usertel}</span>
            </div>
            <div class="side-style">
                <ul class="list">
                    <!-- <li class="left-main">
                        <span>
                            <img src="__PUBLIC__/Css/images/img/calendar.png" alt="" />
                        </span>
                        <span>
                            <a href="javascript:;">我的行程</a>
                        </span>
                    </li> -->
                    <li class="left-main">
                                <span>
                                    <img src="__PUBLIC__/Css/images/img/user.png" alt="" />
                                </span>
                        <span>
                                    <a href="{:U('Index/order')}">我的订单</a>
                                </span>
                    </li>
                    <li class="left-main">
                                    <span>
                                        <img src="__PUBLIC__/Css/images/img/user.png" alt="" />
                                    </span>
                        <span>
                                        <a href="{:U('Index/myinfo')}">个人中心</a>
                                    </span>
                    </li>
                    <eq name="bis_weixin" value="2">
                        <li class="left-main">
                                        <span>
                                            <img src="__PUBLIC__/Css/images/img/user.png" alt="" />
                                        </span>
                            <span>
                                            <a href="{:U('Index/logOut')}">退出</a>
                                        </span>
                        </li>
                    </eq>
                </ul>
            </div>

            <div class="qr-code">
                        <span>
                            <img src="__PUBLIC__/Css/images/img/code.png?2" alt="" />
                        </span>
                <p>扫二维码，关注小易出行公众号</p>
            </div>
        </div>
        <div class="fix-right">
                    <span>
                        <img src="__PUBLIC__/Css/images/img/close.png" alt="" />
                    </span>
        </div>
    </div>
    <!--拼车为他人轿车-->

    <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog self-phone">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="">
                        替他人叫车
                    </h4>
                </div>
                <div class="modal-body">
                    <input style="-webkit-user-select: text!important;" class="phone-ipt" type="text" name=""  value="" placeholder="请输入乘车人手机号" />
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消
                    </button>
                    <button type="button" class="btn change-phone">
                        确定
                    </button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal -->
    </div>

    <!--转车为他人轿车-->
    <div class="self-modal">
        <div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog self-phone">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" >
                            替他人叫车
                        </h4>
                    </div>
                    <div class="modal-body">
                        <input class="zc_dianhua" type="text" name=""  value="" placeholder="请输入乘车人手机号" />
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消
                        </button>
                        <button type="button" class="btn zc_phone">
                            确定
                        </button>
                    </div>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal -->
        </div>
    </div>
    <!--代办为他人轿车-->
    <div class="self-modal">
        <div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog self-phone">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" id="myModalLabel">
                            替他人代办
                        </h4>
                    </div>
                    <div class="modal-body">
                        <input class="db_dianhua" type="text" name=""  value="" placeholder="请输入乘车人手机号" />
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button type="button" class="btn db_phone">确定</button>
                    </div>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal -->
        </div>
    </div>
</div>
<!---------------------行程记录--------------------------->
<div id="route">
    <div class="route-top"><img src="__PUBLIC__/Css/images/img/left.png" alt=""  class="guanbi"/>行程记录</div>
    <div class="route-wrap">
        <ul class="route-list">
            <li class="route-active route-order">未完成订单</li>
            <li class="route-order">已完成订单</li>
        </ul>
    </div>
    <div class="route-content" style="text-align:center;">
        <ul>
            <li>暂未开放</li>
        </ul>
        <ul style="display: none;">
            <li>暂未开放</li>
        </ul>
    </div>
</div>
<!--------------------优惠券--------------------------->
<!-- <div id="coupon">
    <div class="coupon-top"><img src="__PUBLIC__/Css/images/img/left.png" alt="" class="guanbi"/>优惠券</div>
</div> -->
<!------------------------地图------------------------------>
<!--<iframe id="geoPage" width=0 height=0 frameborder=0 style="display:none;" scrolling="no" src="https://apis.map.qq.com/tools/geolocation?key=JUUBZ-JJ732-AVHUW-CUNTK-NI7AT-L2BEW&referer=myapp"></iframe>-->
<div id="map">
    <iframe id="mapPage" frameborder=0 src="">
    </iframe>
    <input type="hidden" id="dy" value="{$dy}">
    <input type="hidden" id="y" value="">
    <input type="hidden" name="from_city" id="from_city" value="{$Think.session.from_city}">
    <input type="hidden" name="to_city" id="to_city" value="{$Think.session.end_city}">
    <!-- <input type="hidden" name="from_city" id="from_city" value=""> -->
    <!-- <input type="hidden" name="to_city" id="to_city" value="樊城区"> -->

</div>
<include file="footer" />
</body>
<script type="text/javascript">
    var height = screen.height;
    $(".leftside").css("height", height)
    $(function () {
        $('#zc_modal').click(function () {
            $('#myModal1').modal('show')
        })
        $('#pc_modal').click(function () {
            $('#myModal2').modal('show')
        })
        $('#db_modal').click(function () {
            $('#myModal3').modal('show')
        })

    })

</script>
</html>